{#蒙樊健#}
<html lang="en" xmlns:background="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--<meta name="description" content="A layout example that shows off a blog page with a list of posts.">-->
    <title>Bilibili</title>
    <link rel="stylesheet" href="http://labfile.oss.aliyuncs.com/courses/487/pure-min.css">
    <link rel="stylesheet" href="http://labfile.oss.aliyuncs.com/courses/487/grids-responsive-min.css">
    <link rel="stylesheet" href="http://labfile.oss.aliyuncs.com/courses/487/blog.css">
</head>
<body>
<style type="text/css">
    .bg{
    width:100%;
    height:100%;
    background: url("/static/image/bibi.jpg") ;
        background-size:420px;
}
</style>
<div id="layout" class="pure-g">
    <div class="sidebar pure-u-1 pure-u-md-1-4">
        <div class="header">
            <h1 class="brand-title"><a href="#">Bilibili</a></h1>
            <br>
            <h2 class="brand-tagline">BiliBili <br>鬼畜视频信息</h2>
            <nav class="nav">
                <ul class="nav-list">
                    <li class="nav-item">
                            <h2>用户名:{{ username }}</h2>
                            <a class="button-success pure-button" href="/logout/">注销</a><br>
                        <a class="button-success pure-button" href="/content_pre/">爬取上一页</a>
                            <a class="button-success pure-button" href="/content/">爬取首页</a>
                            <a class="button-success pure-button" href="/content_next/">爬取下一页</a><br>
                            <a class="button-success pure-button" href="/content_save/">存入数据库</a>
                            <a class="button-success pure-button" href="/content_read/">读取数据库数据</a>
                            <form action="/content_search/">
                                <input type="text" name="key">
                                <input type="submit" value="搜索">
                            </form>
                    </li>
                    <h2>{{ save }}</h2>
                    <h2>{{ read }}</h2>
                </ul>
            </nav>
        </div>
    </div>
    <div class="content pure-u-1 pure-u-md-3-4">
        <div class="bg">
            {% block content %}



            {% endblock %}
        </div>
    </div>
</div>
</body>
</html>
